﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<% if (!Request.IsAuthenticated) { %>   
     <%  Response.Redirect("~/Account/Login"); %>
<% } %>

<!DOCTYPE html>
<html>
	<head>
		<title>DE</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="/stylesheets/main.css">
		<link rel="stylesheet" href="/stylesheets/latest.css">
		<script type="text/javascript" src="/scripts/jquery-2.0.0.js"></script>
		<script type="text/javascript">
		    var count_sel = 0;
		    function helper(str) {
		        var hlp = $('<div>', {
		            class: 'helper',
		            text: str
		        });
		        var back = $('<div>', {
		            class: 'back_for_helper'
		        });
		        //hlp.innerHTML(str);

		        $("body").append(back).append(hlp);
		        setTimeout(function () { $(back).remove(); $(hlp).remove(); }, 1000);
		    }
		    function selectDocument(obj) {
		        var maincheck = $(".select_document")[0];
		        if (obj.checked) {
		            count_sel++;
		            $('.count_sel_doc').css('display', 'inline');
		            $('.count_sel_doc').html('Выбрано: ' + count_sel);
		            $(obj).parent().parent().parent().addClass('selected');
		            if (count_sel + 1 === $(".select_document").length) {
		                maincheck.checked = true;
		            }
		        }
		        else {
		            count_sel--;
		            if (count_sel === 0) $('.count_sel_doc').css('display', 'none');
		            else $('.count_sel_doc').html('Выбрано: ' + count_sel);
		            $(obj).parent().parent().parent().removeClass('selected');
		            if (maincheck.checked) {
		                maincheck.checked = false;
		            }
		        }
		    };
		    $(document).click(function (e) {
		        if ($(e.target).filter('#button_getmoreinfo').length !== 1)
		            if ($(e.target).parents().filter('#moreInfo').length !== 1) {
		                $('#moreInfo').slideUp(500);
		                setTimeout(function () { $('#button_getmoreinfo').removeClass("actived_button") }, 500);
		            }
		    });
		    function selectAllDocuments() {
		        var arr_doc = $(".select_document");
		        var isSelect = false;
		        if (count_sel + 1 === arr_doc.length) isSelect = true;
		        var chk = false;
		        if (!isSelect) {
		            chk = true;
		            arr_doc[0].checked = true;
		            isSelect = true;
		            count_sel = arr_doc.length - 1;
		            $('.count_sel_doc').css('display', 'inline');
		            $('.count_sel_doc').html('Выбрано: ' + count_sel);
		        }
		        else {
		            isSelect = false;
		            $('.count_sel_doc').css('display', 'none');
		            count_sel = 0;
		        }

		        for (var i = 1; i < arr_doc.length; i++) {
		            arr_doc[i].checked = chk;
		            if (chk === false)
		                $(arr_doc[i]).parent().parent().parent().removeClass('selected');
		            else
		                $(arr_doc[i]).parent().parent().parent().addClass('selected');
		        }
		    }
		    function checkDate(date_name) {
		        var date1 = $('.dateField1');
		        var date2 = $('.dateField2');
		        switch (date_name) {
		            case 'date1':
		                if (date2.val() === '__.__.____') date2.val(date1.val());
		                if (date2.val() < date1.val())
		                    date1.val(date2.val());
		                break;
		            case 'date2':
		                if (date1.val() === '__.__.____') date1.val(date2.val());
		                if (date2.val() < date1.val())
		                    date2.val(date1.val());
		                break;
		        }
		    }
		    function getMoreInfo() {
		        var button = $('#button_getmoreinfo');
		        if ($('#moreInfo').css('display') === 'none') {
		            $('#moreInfo').slideDown();
		            button.addClass('actived_button');
		        }
		        else {
		            button.css('background-color', 'none');
		            $('#moreInfo').slideUp(500);
		            setTimeout(function () { button.removeClass("actived_button") }, 450);
		        }
		    }
		</script>
	</head>
	<body>
		<div id="header">
			<div id="title">
				<h1>Обмен юридически значимыми докуменами.</h1>
			</div>
			<div id="right_menu">
				<div id="info_user">
					<div id="user_name"><%= ViewBag.Name %></div>
					<div id="company_name"><%= ViewBag.Company %></div>
				</div>
				<div id="button_getmoreinfo" onclick="getMoreInfo()"></div>
				<div id="moreInfo">
					<a href="/Account/PersonalPage">Личный кабинет</a>
					<a href="#">Реквизиты</a>
					<div style="margin-top: 7px; width: 150px; height:3px; border-top: 1px solid black;"></div>
                    <form action="/Account/LogOff" id="logoutForm" method="post">
                        <%: Html.AntiForgeryToken() %>
					    <a href="javascript:document.getElementById('logoutForm').submit()">Выход</a>
                    </form>
				</div>
			</div>
		</div>
			<div id="main_layout">
				<div id="tabs">
					<ul>
						<li><a id="select_tab" href="Input">Входящие</a></li>	
						<li><a href="Sent">Исходящие</a></li>
						<li><a href="Drafts">Черновики</a></li>
						<li><a href="Deleted">Удаленные</a></li>
					</ul>
					<div class="new_document">Новый документ</div>
				</div>
				<div id="content">
					<div id="i_content">
						<div id="c_title">
							<label>Входящие</label>
						</div>
						<div id="c_toolbar">
							<div id="c_toolbar_content">
								<span id="button_download" class="button">Скачать</span>
								<span id="button_sign" class="button d_button d_button1">Подписать</span>
								<span id="button_deny" class="button d_button d_button2">Отказать</span>
								<span id="button_delete" class="button button2">Удалить</span>
								<span class="button button3" onclick="$('#c_filter').toggle(300);">Фильтр</span>
							</div>
							<center>
							<div id="c_filter" >
								<div id="f_labels">
									<label>Контрагент:</label>
									<label>Тип документа:</label>
									<label>Дата:</label>
								</div>
								<div id="f_field">
									<form>
										<input  id="input_contragent" type="text" placeholder="начните вводить название или ИНН">
										<div class="clear"></div>
										<select id="filters-searchDocumentEditor-type" name="filters-searchDocumentEditor-type">
											<option value="TypeAnyDocument">Любой</option>
											<option value="TypeFaktura">Счет-фактура</option>
											<option value="TypeNonFormalized">Неформализованный</option>
											<option value="TypeTorg">Накладная</option>
											<option value="TypeAkt">Акт</option>
											<option value="TypePriceList">Ценовой лист</option>
										</select>
										<select id="filters-searchDocumentEditor-status" name="filters-searchDocumentEditor-type">
											<option value="TypeAnyStatus">в любом статусе</option>
											<option value="TypeUnRead">в статусе «Не прочитан»</option>
											<option value="TypeNeedSign">в статусе «Требуется подпись»</option>
											<option value="TypeDenySign">в статусе «В подписи отказано»</option>
											<option value="TypeSigned">в статусе «Подписан»</option>
											<option value="TypeDeny">в статусе «Отказано»</option>
										</select>
										<div class="clear"></div>
										<label>с</label>
										<input value="__.__.____" name="before_date" onchange="checkDate('date1')" readonly class="datepickerTimeField dateField1">
										<label class="label2">до</label>
										<input value="__.__.____" name="after_date" onchange="checkDate('date2')" readonly class="datepickerTimeField dateField2">
										<div class="clear"></div>
										<span id="button_cancel_filter" class="button_for_filter button_cancel_filter">Отменить фильтрацию</span>
										<span id="button_filter" class="button_for_filter button_accept_filter">Показать</span>
									</form>
								</div>
							</div>
							</center>
						</div>
						<div id="c_table">
							<div id="c_header_table">
								<div class="name_company">
									<label>Отправитель</label>
								</div>
								<div class="date_document">
									<label>Дата получения</label>
								</div>
								<div class="departament">
									<label>Подразделение</label>
								</div>
								<div class="status">
									<label>Статус</label>
								</div>
								<div class="document">
									<label><input type="checkbox" class="select_document" onclick="selectAllDocuments()">Документы</label>
									<label class="count_sel_doc">Выбрано: 1</label>
								</div>
							</div>
							<div id="c_content_table">
								<div class="data new_data">
									<div class="name_company">
										<label>ЗАО "Умный дом"</label>
									</div>
									<div class="date_document">
										<label>01.05.2012</label>
									</div>
									<div class="departament">
										<label>Главное</label>
									</div>
									<div class="status">
										<label>Требуется подпись</label>
									</div>
									<div class="document">
										<label><input type="checkbox" class="select_document" onclick="selectDocument(this)">Акт №45 от 06.06.12</label>
									</div>
								</div>
								<div class="data">
									<div class="name_company">
										<label>ОАО "Бланк"</label>
									</div>
									<div class="date_document">
										<label>01.05.2012</label>
									</div>
									<div class="departament">
										<label>Главное</label>
									</div>
									<div class="status">
										<label>Подписано</label>
									</div>
									<div class="document">
										<label><input type="checkbox" class="select_document" onclick="selectDocument(this)">Накладная №2</label>
									</div>
								</div>
								<div class="data">
									<div class="name_company">
										<label>ООО "Доверие"</label>
									</div>
									<div class="date_document">
										<label>30.04.2012</label>
									</div>
									<div class="departament">
										<label>Главное</label>
									</div>
									<div class="status">
										<label>Документооборот завешен</label>
									</div>
									<div class="document">
										<label><input type="checkbox" class="select_document" onclick="selectDocument(this)">Счет-фактура №1</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<script type="text/javascript" src="/scripts/ui.datepicker.js"></script>
			<script>
			    $('#button_download').click(function (e) {
			        var arr_doc = $(".select_document");
			        var length = count_sel;
			        if ((length > 1) || (length === 0)) helper('Выберите пожалуйста один документ!')
			    });
			    $('#button_sign').click(function (e) {
			        var arr_doc = $(".select_document");
			        var length = count_sel;
			        if ((length > 1) || (length === 0)) helper('Выберите пожалуйста один документ!')
			    });
			    $('#button_deny').click(function (e) {
			        var arr_doc = $(".select_document");
			        var length = count_sel;
			        if ((length > 1) || (length === 0)) helper('Выберите пожалуйста один документ!')
			    });
			    $('#button_delete').click(function (e) {
			        var arr_doc = $(".select_document");
			        var length = count_sel;
			        if (length === 0) helper('Выберите пожалуйста хоть один документ!')
			    });
			    $(".datepickerTimeField").datepicker({
			        changeMonth: true,
			        changeYear: true,
			        dateFormat: 'dd.mm.yy',
			        firstDay: 1, changeFirstDay: false,
			        navigationAsDateFormat: false,
			        duration: 100
			    });
			</script>
	</body>
</html>

